<template>

	<view class="report-container">
		<view class="reportTitle">个人不动产报告</view>
		<view class="report">姓名：{{ keyInfo.name }}</view>
		<view class="report">身份证号：{{ keyInfo.cardNo }}</view>
		<view class="report">查询时间：{{ keyInfo.createTime }}</view>
		<view class="report">查询结果：{{ queryInfo.msg }}</view>
		<button :disabled="!orderNo" @click="refresh()">刷新报告</button>

		<view class="report-section">
			<div v-if="lock">
				<table id="sfhy">
					<tr style="background-color: #f7f9ff">
						<td colspan="2">结果说明</td>
					</tr>
					<tr class="xs">
						<td colspan="2">
							{{
							  queryInfo.resultCode == 0 ? cxjg() : queryInfo.resultCode == 1 ? '查询成功有结果' : ''
							}}
						</td>
					</tr>
					<tr style="background-color: #f7f9ff">
						<td colspan="2">审核</td>
					</tr>
					<tr class="xs">
						<td>审批状态</td>
						<td>{{ shzt(queryInfo.detail.approvalStatus) }}</td>
					</tr>
					<tr class="xs">
						<td>审批不过原因</td>
						<td>{{ queryInfo.detail.rejectReason }}</td>
					</tr>

					<tr style="background-color: #f3f6ff">
						<td colspan="2">审核结果集</td>
					</tr>
					<template v-for="(item_,index) of queryInfo.detail.authResults">
						<tr class="xs">
							<td>当事人身份证</td>
							<td>{{ item_.cardNum }}</td>
						</tr>
						<tr class="xs">
							<td>核查状态</td>
							<td>{{ hczt(item_.authState) }}</td>
						</tr>
						<tr class="xs">
							<td>是否重新审核</td>
							<td>{{ item_.isReAuth == '0' ? '否' : item_.isReAuth == '1' ? '是' : '' }}</td>
						</tr>
						<tr class="xs">
							<td>核查状态说明</td>
							<td>{{ item_.authStateDesc }}</td>
						</tr>
						<template v-if="item_.resultList" v-for="(item, index) of item_.resultList">
							<tr class="xs">
								<td colspan="2" style="padding: 4px 0;background-color: #f3f6ff">
									<span style="font-size: 12px;">第{{ index + 1 }}条</span>
								</td>
							</tr>
							<tr class="xs">
								<td>不动产权证号</td>
								<td>{{ item.certNo }}</td>
							</tr>
							<tr class="xs">
								<td>不动产单元号</td>
								<td>{{ item.unitNo }}</td>
							</tr>
							<tr class="xs">
								<td>坐落</td>
								<td>{{ item.location }}</td>
							</tr>
							<tr class="xs">
								<td>共有情况</td>
								<td>{{ item.ownership }}</td>
							</tr>
							<tr class="xs">
								<td>房屋面积</td>
								<td>{{ item.houseArea }}</td>
							</tr>
							<tr class="xs">
								<td>权利类型</td>
								<td>{{ item.rightsType }}</td>
							</tr>
							<tr class="xs">
								<td>是否查封</td>
								<td>{{ item.isSealUp }}</td>
							</tr>
							<tr class="xs">
								<td>是否抵押</td>
								<td>{{ item.isMortgaged }}</td>
							</tr>
							<tr class="xs">
								<td>使用期限起始时间</td>
								<td>{{ item.rightsStartTime }}</td>
							</tr>
							<tr class="xs">
								<td>使用期限结束时间
								<td>{{ item.rightsEndTime }}</td>
							</tr>
							<tr class="xs">
								<td>用途</td>
								<td>{{ item.useTo }}</td>
							</tr>
						</template>
						<tr v-else>
							<td colspan="2">暂无</td>
						</tr>
					</template>
				</table>
			</div>
		</view>
		<cc-advice sub="等待时长" content="周一至周四一般当天17:00前发起查询需24小时后, 17:00后需48小时后. 周五周六周天需等到下周一. 人工审核时间不固定, 您可多次查看刷新" />
		<cc-advice sub="共有情况" content="单独所有、共同共有、按份共有、其它共有" />
		<cc-advice sub="权利类型"
			content="权利类型（集体土地所有权、国家土地所有权、国有建设用地使用权、国有建设用地使用权/房屋所有权、宅基地使用权、宅基地使用权/房屋所有权、集体建设用地使用权、集体建设用地使用权/房屋所有权、土地承包经营权、土地承包经营权/森林、林木所有权、林地使用权、林地使用权/森林、林木使用权、草原使用权、水域滩涂养殖权、海域使用权、海域使用权/构筑物所有权、无居民海岛使用权、无居民海岛使用权/构筑物所有权、地役权、取水权、探矿权、采矿权、国有农用地使用权、抵押权、异议登记、查封登记、预告登记、国有建设用地使用权/构筑物所有权、宅基地使用权/构筑物所有权、集体建设用地使用权/构筑物所有权、海域使用权/建筑物所有权、无居民海岛使用权/建筑物所有权、房屋所有权、构筑物所有权、土地承包经营权/森林、林木使用权、林地使用权/森林、林木所有权、国有未利用地使用权、其它权利）" />
		<template v-if="orderNo">
			<liu-drag-button @clickBtn="FP()" :bottomPx="85">发票</liu-drag-button>
			<liu-drag-button @clickBtn="FX()">分享</liu-drag-button>
		</template>
	</view>
</template>
<script>
	import {
		concealKeyword,
		refreshiMmovab
	} from '@/api/jinjian.js'

	import {
		immTemInfo
	} from '@/utils/temInfo.js'

	export default {
		data() {
			return {
				orderNo: undefined,
				keyInfo: {
					name: '',
					cardNo: '',
					createTime: ''
				},
				lock: false,
				queryInfo: {
					msg: ''
				}
			}
		},
		onLoad(options) {
			this.$modal.loading("正在查询......")
			if (options.orderNo) {
				this.orderNo = options.orderNo
				concealKeyword(this.orderNo).then(res => {
					// console.log('---res---', res)
					this.keyInfo = res
				})
				this.refresh()
			} else {
				this.keyInfo = {
					name: '**伟',
					cardNo: '****103873',
					createTime: '2025-01-01 01:00:00'
				}
				this.hanbleData(immTemInfo)
			}
		},
		methods: {
			refresh() {
				refreshiMmovab(this.orderNo).then(response => {
					this.hanbleData(response)
				})
			},
			hanbleData(response) {
				console.log('--response--', response)
				if (response.personalHouse) {
					let personalHouse = JSON.parse(response.personalHouse)
					if (personalHouse.code == 200) {
						this.queryInfo.msg = personalHouse.data.messge
					} else {
						console.error(personalHouse.msg)
					}
				}
				if (response.success && response.personalRentApply) {
					let data = JSON.parse(response.personalRentApply).data
					this.queryInfo.resultCode = data.resultCode
					this.queryInfo.detail = data.detail
					this.lock = true
				} else {
					this.$modal.alert("预计 " + response.time.replace('T', ' ') + " 后可刷新获取到具体结果")
				}
				this.$modal.closeLoading()
			},
			shzt(item) {
				if (item == 'IN_APPROVAL') {
					return '待审核'
				} else if (item == 'UN_APPROVED') {
					return '审核不通过'
				} else if (item == 'APPROVED') {
					return '审核通过'
				}
			},
			hczt(item) {
				if (item == '10') {
					return '审核中'
				} else if (item == '20') {
					return '核查中'
				} else if (item == '30') {
					return '核查成功'
				} else if (item == '40') {
					return '核查异常'
				}
			},
			cxjg() {
				let qi = this.queryInfo
				if (qi.detail.approvalStatus == 'APPROVED') {
					if (qi.detail.authResults && qi.detail.authResults > 0) {
						return '有结果'
					} else {
						return '查无'
					}
				} else if (qi.detail.approvalStatus == 'UN_APPROVED') {
					return '审核不通过'
				} else if (qi.detail.approvalStatus == 'IN_APPROVAL') {
					return '待审核'
				} else {
					return '异常'
				}
			}
		}
	}
</script>
<style scoped>
	.report-container {
		min-height: 100vh;
		background: url("@/static/images/bg.png") no-repeat 0 0, #F5F6FC;
		background-size: contain;
		padding: 76rpx 40rpx;

		.reportTitle {
			font-size: 24px;
			font-weight: 600;
			color: #fff;
			margin: 30px 0 13px 0;
			text-align: center;
		}

		.report {
			text-align: center;
			font-size: 15px;
			color: #fff;
			margin: 10px 0;
		}

		.report-section {
			margin-top: 30rpx;
			padding: 10px 0;
			border-radius: 10px;
			min-height: 200rpx;
			background-color: #f8f8f8;
		}
	}

	#sfhy {
		border-collapse: collapse;
		width: 100%;
	}

	#sfhy th,
	td {
		text-align: center;
		padding: 8px 0px;
		width: 50%;
	}

	th {
		background-color: #ececec;
	}

	.xs {
		background-color: #f5f3f3;
		border-bottom: 1px solid #ccc;
	}
</style>